@import "component.css";
html,body{ overflow-x:hidden;}
body{font-family:"Microsoft Yahei",Verdana, Geneva, sans-serif; font-size:14px; color:#000; background:#f5f5f5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button,textarea{ margin:0; padding:0;}
fieldset,img{ border:0;}
img{ vertical-align:bottom;}
ul,ol,li{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.fix{zoom:1;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#034db2; text-decoration:none;}
.clear{ width:0; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}
.box_1{ margin:40px 0 0; background:#FFF; box-shadow:0 1px 5px #999;}
.box_1 .bhead{ height:24px; margin:0 auto; padding:18px 0;}
.box_1 .bhead strong{ height:24px; line-height:24px; margin:0 5px 0 0; font-size:24px; float:left;}
.box_1 .bhead span{ line-height:1em; margin:8px 0 0; padding:2px; background:#034db2; font-size:14px; color:#FFF; float:left;}
.box_1 .bhead em{ line-height:1em; margin:8px 0 0; padding:2px 10px; background:#034db2; font-size:14px; color:#FFF; font-style:normal; float:right;}
.box_1 .bhead em a{ color:#FFF;}
.box_1 .bbody{ margin:0 auto;}
.box_2{ margin:40px auto 0;}
.box_2 .bhead{ height:24px; padding:18px 0;}
.box_2 .bhead strong{ height:24px; line-height:24px; margin:0 5px 0 0; font-size:24px; float:left;}
.box_2 .bhead span{ line-height:1em; margin:8px 0 0; padding:2px; background:#034db2; font-size:14px; color:#FFF; float:left;}
.box_2 .bhead em{ line-height:1em; margin:8px 0 0; padding:2px 10px; background:#034db2; font-size:14px; color:#FFF; font-style:normal; float:right;}
.box_2 .bhead em a{ color:#FFF;}
.box_2 .bbody{}
.box_3{ background:#FFF; box-shadow:0 1px 5px #999;}
.box_3 .bhead{ height:30px; line-height:30px; padding:15px 15px 0;}
.box_3 .bhead strong{ height:30px; line-height:30px; padding:0 10px; font-size:16px; color:#FFF; background:#034db2; font-weight:normal; float:left;}
.box_3 .bhead em{ font-style:normal; float:right;}


.header{ height:120px; background:#c9fbff;}
.logo{ width:422px; height:58px; margin:0 0 0 -500px; background:url(../images/logo.png) no-repeat; position:absolute; left:50%; top:30px;}
.logo a{ display:block; height:58px; text-indent:-9999px;}
.tel{ width:385px; height:120px; margin:0 -500px 0 0; text-indent:-9999px; background:url(../images/bg_header.png) no-repeat; position:absolute; right:50%; top:0;}
.wechat{ width:100px; height:100px; margin-left:-50px; position:absolute; left:50%; top:10px;}
.dl-menuwrapper{ display:none;}
.nav{ width:100%; height:48px; background:#034db2;}
.nav ul#nav{ width:1000px; height:48px; margin:0 auto;}
.nav ul li.nLi{ width:125px; height:48px; position:relative; float:left; z-index:2;}
.nav ul li h3 a{ display:block; height:48px; line-height:48px; font-size:16px; color:#FFF; text-align:center;}
.nav ul li.nLi.on h3 a{ background:#003D91; color:#FFF;}
.nav ul li.nLi .sub{ display:none; width:200px; background:#003D91; position:absolute; left:0; top:48px; z-index:999;}
.nav ul li.nLi .sub li{ height:40px;}
.nav ul li.nLi .sub li a{ display:block; height:40px; line-height:40px; padding:0 30px; font-size:14px; background:#003D91; color:#FFF;}
.nav ul li.nLi .sub li a:hover{ background:#002961;}
.slider{ width:100%; height:400px; position:relative; z-index:1;}
.slider .hd{ position:absolute; width:100%; height:100%; z-index:999;}
.slider .hd ul{ width:62px; _width:64px; height:12px; position:absolute; left:50%; bottom:30px; margin:0 0 0 -25px; z-index:999;}
.slider .hd ul li{ width:10px; height:10px; overflow:hidden; margin:1px 8px 1px 1px; border:1px solid #FFF; border-radius:100%; cursor:pointer; text-indent:-9999px; float:left;}
.slider .hd ul li.on{ width:12px; height:12px; margin:0 6px 0 0; background:#FFF;}
.slider .bd ul li{ height:400px; overflow:hidden;}
.slider .bd ul li a{ display:block; height:400px;}

.box_product{ width:1000px; margin:-15px auto 0; padding:20px 0 0; background:#FFF; position:relative; z-index:2; box-shadow:0 1px 5px #999;}
.box_product .patch_l,.box_product .patch_r{ width:14px; height:14px; position:absolute; top:1px; background:url(../images/common.png) no-repeat;}
.box_product .patch_l{ left:-14px; background-position:left top;}
.box_product .patch_r{ right:-14px; background-position:right top;}
.box_product .bhead{ height:48px; margin:0 20px; background:#034db2;}
.btn_menu{ display:none;}
.box_product .bhead strong{ display:block; height:48px; line-height:48px; padding:0 30px 0 20px; font-size:18px; color:#FFF; background:url(../images/common.png) right -15px no-repeat; float:left;}
.box_product .bhead ul{ height:45px; padding:3px 0 0;}
.box_product .bhead ul li{ height:45px; float:left;}
.box_product .bhead ul li a{ display:block; height:45px; line-height:45px; overflow:hidden; padding:0 8px; color:#FFF; float:left;}
.box_product .bhead ul li.on a{ background:#FFF; color:#000;}
.box_product .bbody{ padding:10px 0 20px 20px; overflow:hidden;}
.box_product .bbody ul li{ width:225px; padding:20px 20px 0 0; float:left;}
.box_product .bbody ul li a img{ border:1px solid #f9f9f9;}
.box_product .bbody ul li a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.box_product .bbody ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}

.client,.honor{ margin:40px 0 0; padding:20px 0 0;}
.client .bhead,.client .bbody,.honor .bhead,.honor .bbody{ width:1000px;}
.client .bbody,.honor .bbody{ padding:10px 0 30px;}
.client_scroll,.honor_scroll{ width:1000px; position:relative;}
.client_scroll .hd,.honor_scroll .hd{ position:relative; z-index:9999;}
.client_scroll .hd a,.honor_scroll .hd a{ display:block; width:11px; height:21px; background:url(../images/common.png) no-repeat; position:absolute; top:30px; z-index:9999; cursor:pointer;}
.client_scroll .hd a.prev,.honor_scroll .hd a.prev{ left:-30px; background-position:left -65px;}
.client_scroll .hd a.next,.honor_scroll .hd a.next{ right:-30px; background-position:right -65px;}
.client_scroll .bd,.honor_scroll .bd{ overflow:hidden;}
.client_scroll .bd ul,.honor_scroll .bd ul{ overflow:hidden; zoom:1;}
.client_scroll .bd ul li,.honor_scroll .bd ul li{ width:150px; padding:10px 20px 0 0; float:left; text-align:center;}
.client_scroll .bd ul li a img,.honor_scroll .bd ul li a img{ border:1px solid #f9f9f9;}
.client_scroll .bd ul li a img{ width:148px; height:63px;}
.client_scroll .bd ul li a:hover img,.honor_scroll .bd ul li a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.client_scroll .bd ul li span,.honor_scroll .bd ul li span{ display:block; width:150px; height:36px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}
.honor_scroll .hd a{ display:block; width:11px; height:21px; background:url(../images/common.png) no-repeat; position:absolute; top:100px; z-index:9999; cursor:pointer;}
.honor_scroll .bd ul li a img{ width:148px; height:198px;}




.works{ width:1000px; margin:20px auto 0;}
.works .bbody{ width:1020px;}
.works .bbody dl{ width:490px; height:120px; padding:10px 20px 10px 0; float:left;}
.works .bbody dl dt{ width:310px; height:24px; line-height:24px; overflow:hidden; font-size:16px; float:right;}
.works .bbody dl dd.dl_img{ width:160px; height:120px; float:left;}
.works .bbody dl dd.dl_img a img{ border:1px solid #f9f9f9;}
.works .bbody dl dd.dl_img a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.works .bbody dl dd.dl_txt{ width:310px; line-height:22px; padding:6px 0 0; color:#999; font-size:12px; float:right;}

.box_news{ width:1000px; margin:0 auto;}
.box_news .box_3{ width:320px; margin:30px 20px 0 0; float:left;}
.box_news .box_3.no_r{ margin-right:0;}
.box_news .box_3 .bbody{ padding:15px;}
.box_news .box_3 .bbody ul li{ height:32px; line-height:32px; overflow:hidden;}
.box_news .box_3 .bbody ul li em{ float:right; font-size:12px; font-style:normal; color:#999;}
.footer{ margin:30px 0 0; background:#034db2;}
.nav_footer{ height:60px; line-height:60px; border-bottom:1px solid #003884; text-align:center;}
.nav_footer ul li{ display:inline; padding:0 20px;}
.nav_footer ul li a{ color:#FFF;}
.copyinfo{ height:60px; padding:40px 0; border-top:1px solid #0061e6; position:relative;}
.logo_footer{ width:356px; height:48px; margin:0 0 0 -380px; background:url(../images/logo_footer.png) no-repeat; position:absolute; left:50%; top:48px;}
.logo_footer a{ display:block; height:48px; text-indent:-9999px;}
.copyright{ width:490px; height:60px; line-height:20px; margin:0 -500px 0 0; color:#FFF; position:absolute; right:50%; top:40px; font-size:12px;}
.main{ width:960px; margin:20px auto 0; padding:20px; background:#FFF; box-shadow:0 1px 5px #999;}
.position{ line-height:36px; padding:0 10px; border-bottom:1px dotted #CCC;}
.category{ height:48px; margin:40px 0 0; padding:0 20px; background:#034db2;}
.category ul li{ height:45px; margin:3px 0 0; float:left;}
.category ul li a{ display:block; height:45px; line-height:45px; overflow:hidden; padding:0 10px; font-size:14px; color:#FFF; float:left;}
.category ul li a:hover{ background:#06C;}
.category ul li.current a{ background:#FFF; color:#000;}
.list_main_img{ margin:20px 0 0;}
.list_body_img{ width:980px;}
.list_body_img ul li{ width:225px; padding:20px 20px 0 0; float:left;}
.list_body_img ul li a img{ border:1px solid #f9f9f9;}
.list_body_img ul li a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.list_body_img ul li span{ display:block; height:36px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}

.list_body_txt{ margin:20px 0 0; padding:0 40px;}
.list_body_txt ul li{ padding:10px 20px; border-bottom:1px dotted #F6F6F6;}
.list_body_txt ul li .txt_title{ line-height:24px; padding:3px 0;}
.list_body_txt ul li .txt_title strong{ font-size:18px;}
.list_body_txt ul li .txt_title strong a{ color:#000;}
.list_body_txt ul li .txt_title em{ padding:0 0 0 20px; font-size:12px; color:#999; font-style:normal;}
.list_body_txt ul li .txt_introduce{ color:#999;}

.show_main{ padding:40px 0;}
.show_main h1{ line-height:30px; padding:10px 0; font-size:28px; text-align:center; font-family:"Microsoft Yahei"; font-weight:bold;}
.show_info{ line-height:24px; text-align:center; color:#999;}
.show_body{ line-height:2em; padding:30px 40px;}
.show_body p{ line-height:2em; margin:10px 0 0 0; text-indent:2em;}
.show_body h2{ line-height:2em; margin:20px 0 0 0; font-size:18px; font-weight:bold;}
.share{ width:240px; margin:20px auto 0;}

@media screen and (max-width: 1023px){
.header{ height:60px; background:#c9fbff;}
.logo{ width:227px; height:31px; margin:15px 0 0 10px; background:url(../images/logo_m.png) no-repeat; float:left; position:static;}
.logo a{ display:block; height:31px; text-indent:-9999px;}
.tel{ display:none;}
.wechat{ display:none;}
#nav{ display:none;}
.nav{ width:auto; height:auto;}
.dl-menuwrapper{ display:block; padding-top:60px;}
#dl-menu-button{ width:60px; height:60px; background:url(../images/common.png) 20px -96px no-repeat; background-color:none;}
#dl-menu-button.dl-active{ background-position:20px -144px; background-color:#034db2;}
.dl-menuwrapper .dl-menu{ margin:0;}
.slider{ width:100%; height:200px; position:relative; z-index:1;}
.slider .hd{ width:100%; height:100%;}
.slider .hd ul{ width:62px; height:12px; position:absolute; left:50%; bottom:10px; margin:0 0 0 -25px; z-index:999;}
.slider .hd ul li{ width:10px; height:10px; margin:1px 8px 1px 1px; border:1px solid #FFF; border-radius:100%; cursor:pointer; text-indent:-9999px; float:left;}
.slider .hd ul li.on{ width:12px; height:12px; margin:0 6px 0 0; background:#FFF;}
.slider .bd ul li{ width:100%; height:200px; background-position:center top; background-repeat:no-repeat; background-size:960px 200px !important;}

.box_product{ width:100%; margin:0; padding:0;}
.box_product .bhead{ height:36px; margin:0; background:#034db2; position:relative;}
.box_product .bhead strong{ height:36px; line-height:36px; padding:0 20px; font-size:16px; color:#FFF; background:none; float:left;}
.btn_menu{ display:block; width:36px; height:36px; border:0; background:url(../images/common.png) 8px -155px no-repeat; text-indent:-9999px; float:right;}
.box_product .bhead ul{ display:none; width:100%; max-width:250px; height:auto; padding:10px; position:absolute; right:0; top:36px; background:#034db2; z-index:9999; overflow:hidden;}
.box_product .bhead ul li{ width:50%; height:30px; float:left;}
.box_product .bhead ul li a{ display:block; height:30px; line-height:30px; overflow:hidden; text-align:center; color:#FFF; float:none;}
.box_product .bbody{ padding:10px 0 20px 0; overflow:hidden;}
.box_product .bbody ul li{ width:48%; padding:1%; float:left;}
.box_product .bbody ul li a img{ width:100%; height:auto;}
.box_product .bbody ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}

.client,.honor{ margin:20px 0 0;}
.client .bhead,.client .bbody,.honor .bhead,.honor .bbody{ width:auto; padding-left:10px; padding-right:10px;}
.client .bbody,.honor .bbody{ padding:10px 0 30px;}
.client_scroll,.honor_scroll{}
.client_scroll .hd,.honor_scroll .hd{ display:none;}
.client_scroll .bd,.honor_scroll .bd{ padding-left:5px;}
.client_scroll .bd ul li,.honor_scroll .bd ul li{ width:150px; padding:10px 10px 0 0; float:left;}
.client_scroll .bd ul li span,.honor_scroll .bd ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}
.works{ width:auto; padding-left:10px; padding-right:10px; margin:20px auto 0;}
.works .bbody{ width:auto;}
.works .bbody dl{ width:48%; height:60px; padding:10px 1%;}
.works .bbody dl dt{ width:auto; height:24px; line-height:24px; overflow:hidden; font-size:16px; float:none;}
.works .bbody dl dd.dl_img{ width:80px; height:60px; margin:0 10px 0 0; float:left;}
.works .bbody dl dd.dl_img img{ width:100%; height:auto;}
.works .bbody dl dd.dl_txt{ width:auto; height:36px; line-height:18px; overflow:hidden; color:#999; font-size:12px; float:none;}
.box_news{ width:auto;}
.box_news .box_3{ width:auto; margin:30px 0 0; float:none;}
.box_news .box_3 .bbody{ padding:15px;}
.box_news .box_3 .bbody ul li{ height:32px; line-height:32px; overflow:hidden;}
.box_news .box_3 .bbody ul li em{ float:right; font-size:12px; font-style:normal; color:#999;}
.footer{ width:auto; margin:30px 0 0; background:#034db2;}
.nav_footer{ display:none;}
.copyinfo{ height:60px; padding:40px 0;}
.logo_footer{ display:none;}
.copyright{ width:auto; height:60px; line-height:20px; margin:0; color:#FFF;  font-size:12px; text-align:center; position:static;}
.main{ width:auto; background:#FFF;}
.position{ line-height:18px; padding:10px;}
.category{ height:auto; padding:10px; background:#034db2; overflow:hidden;}
.category ul li{ width:50%; height:30px; float:left;}
.category ul li a{ display:block; height:30px; line-height:30px; text-align:center; color:#FFF; float:none;}
.category ul li.current a{ background:#FFF; color:#000;}
.list_main_img{ width:auto; padding:20px 0;}
.list_body_img{ width:auto;}
.list_body_img ul li{ width:48%; padding:10px 1%; float:left;}
.list_body_img ul li a img{ width:100%; height:auto; border:1px solid #f9f9f9;}
.list_body_img ul li a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.list_body_img ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; padding:10px 0 0; text-align:center;}

.list_body_txt{ padding:20px 10px;}
.list_body_txt ul li{ padding:10px 0; border-bottom:1px dotted #F6F6F6;}
.list_body_txt ul li .txt_title{ line-height:24px; padding:3px 0;}
.list_body_txt ul li .txt_title strong{ display:block; font-size:14px;}
.list_body_txt ul li .txt_title strong a{ color:#000;}
.list_body_txt ul li .txt_title em{ display:block; font-size:12px; color:#999; font-style:normal;}
.list_body_txt ul li .txt_introduce{ line-height:1.6em; color:#999; font-size:12px;}

.show_main{ padding:40px 0;}
.show_main h1{ line-height:30px; padding:10px 0; font-size:28px; text-align:center; font-family:"Microsoft Yahei"; font-weight:bold;}
.show_info{ line-height:24px; text-align:center; color:#999;}
.show_body{ line-height:2em; padding:20px 0;}
.show_body p{ line-height:2em; margin:10px 0 0 0; text-indent:2em;}
.show_body img{ max-width:100%; height:auto;}
.show_body h2{ line-height:2em; margin:20px 0 0 0; font-size:18px; font-weight:bold;}
#gg1{ display:none;}
}

@media screen and (min-width: 769px) and (max-width: 1023px) {

.box_product .bbody ul li{ width:23%; padding:1%; float:left;}
}


@media screen and (min-width: 1281px) {
.logo{ margin:0 0 0 -600px;}
.tel{ margin:0 -600px 0 0;}
.wechat{ margin-left:-150px;}
.nav ul#nav{ width:1200px;}
.nav ul li.nLi{ width:150px; height:48px; position:relative; float:left; z-index:2;}
.nav ul li.nLi .sub{ display:none; width:200px; position:absolute; left:0; top:48px; z-index:999;}
.nav ul li.nLi .sub li a{ padding:0 35px;}

.box_product{ width:1200px;}
.box_product .bhead ul li a{ padding:0 15px;}
.box_product .bbody ul li{ width:275px;}
.box_product .bbody ul li img{ width:273px; height:170px;}
.client .bhead,.client .bbody,.honor .bhead,.honor .bbody{ width:1200px;}
.client_scroll,.honor_scroll{ width:1200px;}
.client_scroll .bd ul li,.honor_scroll .bd ul li{ padding-right:60px;}

.works{ width:1200px;}
.works .bbody{ width:1220px;}
.works .bbody dl{ width:386px;}
.works .bbody dl dt{ width:206px;}
.works .bbody dl dd.dl_img a img{ border:1px solid #f9f9f9;}
.works .bbody dl dd.dl_img a:hover img{ border-color:#F60; box-shadow:0 0 5px #999;}
.works .bbody dl dd.dl_txt{ width:206px;}

.box_news{ width:1200px;}
.box_news .box_3{ width:387px;}
.box_news .box_3.no_r{ width:386px;}
.nav_footer ul li{ padding:0 30px;}
.main{ width:1160px; margin:20px auto 0;}
.category ul li a{ padding:0 15px; font-size:16px;}
.list_body_img{ width:1200px;}
.list_body_img ul li{ width:250px; padding:20px 50px 0 0;}
.list_body_img ul li img{ width:250px; height:auto;}
.list_main_img_honor .list_body_img ul{ width:1200px;}
.list_main_img_honor .list_body_img ul li{ width:150px; padding:20px 50px 0 0;}
.list_main_img_honor .list_body_img ul li img{ width:150px; height:200px;}

}





.pages { margin:40px 0 0;padding:10px 0 10px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active  {color:#004499;background:#FFFFFF;border:#9AAFE5 1px solid;padding:1px;text-decoration:none;}
.pages a:hover  {background:#FFFFFF;border:#2E6AB1 1px solid;color:#FF6600;padding:1px;text-decoration:none;}
.pages strong {background:#2E6AB1;padding:1px;border:#1D589E 1px solid;color:#FFFFFF;}
.pages_inp {border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:26px;background:#F1F7FC;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}